import React from 'react'
import style from './index.module.scss'
import { listItem} from '../listItem'


export default function Detailed() {

  // 京东表头
  const date = [
    {
      id: 1,
      name: '会员昵称：',
      key: "name"
    },
    {
      id: 2,
      name: "白条信用:",
      key: "money"
    },
    {
      id: 3,
      name: "会员等级:",
      key: "age"
    }
  ]


  // 模拟数据
  const obj = {
    id: 123,
    name: "王娇娇",
    age: 10086,
    home: "详细地址详细地址详addddd详细地址详细地址详细地址详细地址详细地址",
    sex: 0,
    money: 2000,
    img: <div className={style.myImg}>
      <img src={require("../../../components/Customer/images/8557673.jpg")} />
    </div>
  }

  return (
    <div className={style.Detailed}>
      <div className={style.module}>
        <div className={style.head}>
          <h4>支付宝</h4>
        </div>
        <div className={style.content}>用户未认证</div>
      </div>
      <div className={style.module}>
        <div className={style.head}>
          <h4>京东</h4>
        </div>
        {listItem(date, obj, 2)}
        
      </div>
      <div className={style.module}>
        <div className={style.head}>
          <h4>淘宝</h4>
        </div>
        <div className={style.content}>用户未认证</div>
      </div>
      <div className={style.module}>
        <div className={style.head}>
          <h4>社保</h4>
        </div>
        <div className={style.content}>用户未认证</div>
      </div>
      <div className={style.module}>
        <div className={style.head}>
          <h4>公积金</h4>
        </div>
        <div className={style.content}>用户未认证</div>
      </div>

      <div className={style.module}>
        <div className={style.head}>
          <h4>网银流水</h4>
        </div>
        <div className={style.content}>用户未认证</div>
      </div>
      <div className={style.module}>
        <div className={style.head}>
          <h4>人脸识别</h4>
        </div>
        <div className={style.content}>用户未认证</div>
      </div>

    </div>


  )
}
